@charset "utf-8";
body{ font-family:"微软雅黑"; font-size:16px; line-height:24px; color:#5d5d5d;}
*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
a{ color:inherit; text-decoration:none; transition: all 0.3s ease 0s;}
a:hover{ color:#629695;}
/*
input,button{
    border: none;
    -webkit-appearance: none;
    outline: none;
}
*/

.wrap{ width:1200px; margin:0 auto;}
.flex{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.fl{ float:left;}
.fr{ float:right;}


.head{ width:1200px; height:114px; margin:0 auto; clear:both;}
.logo{ margin-top:16px;}

.navi{ width:818px;}
.language{ margin:22px 0 14px 0;}
.job{ background:url(../images/job.jpg) no-repeat left center; padding-left:19px; margin-right:25px;}
.sale{ background:url(../images/sale.jpg) no-repeat left center; padding-left:27px; margin-right:19px;}
.en{ color:#666666;}

.navi ul{ width:100%;}
.navi ul li{ color:#000000; line-height:30px; position: relative;}
.navi ul li a{ display:inline-block; padding-bottom:20px;}
.navi ul li:hover a { color: #629695;}
.navi ul li:hover .submenu {
  top: 100%;
  opacity: 1;
  visibility:visible;
}
.navi ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 100px;
  padding: 10px 20px 15px 20px;
  background: #ffffff;
  border-top: 4px solid #78a9a6;
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
  z-index:3;
  border-radius:5px;
  visibility:hidden;
}
.navi ul li .submenu li a {
  color: #000000;
  padding: 0;
  position:relative;
}
.navi ul li .submenu li a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #78a9a6;
  content: "";
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.navi ul li .submenu li:hover a::before {
  width: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.search{ width:205px; height:31px;}
.s_box{ width:159px; height:31px; border:solid 1px #cccccc; border-right:none; color:#cccccc; font-size:12px; padding-left:9px; float:left;}
.s_box:focus { border-color: #acaf3c;}
.s_btn{ width:35px; height:33px; background:#acaf3c; cursor: pointer; transition: all 0.3s ease 0s;}
.s_btn:hover{ background:#78a9a6;}


.product{ width:100%; padding:70px 0 77px 0; clear:both; float:left;}
.product h1{
  position: relative;
  color: #373737;
  font-size: 35px;
  text-align:center;
  font-weight:normal;
  margin:0;
}
.product h1:before, .product h1:after {
  display: inline-block;
  content: "";
  width: 54px;
  height: 1px;
  vertical-align: middle;
  background-color: #323232;
}
.product h1:before { margin-right: 39px;}
.product h1:after { margin-left: 39px;}

.sort{ width:478px; height:394px; border:solid 1px #dfdfdf; padding:41px 37px 0 46px; text-align:center; float:left; margin:60px 18px 0 19px; transition: all 0.3s ease 0s;}
.sort:hover{ border-color:#fff; box-shadow: 0px 0px 20px 0px rgba(120, 169, 166, 0.2);}
.sort:hover .p_pic img{ transform: rotateY(360deg);}
.p_pic img{ transition: all 0.5s linear;}
.sort h2{ font-size:30px; color:#000000; font-weight:normal; margin:26px 0 23px 0;}
.p_more{ font-size:14px; color:#666666; padding:0 37px 6px 37px; position: relative;}
.p_more:after, .p_more:before {
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  content: "";
  position: absolute;
  background-color: #dadada;
}
.p_more:before {
  transform-origin: 100% 50%;
  transition: transform 0.3s linear;
}
.p_more:after {
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: 0.3s linear 0.2s;
  background-color: #999728;
}
.p_more:hover:after, .p_more:hover:before {
  background-color: #629695;
}
.p_more:hover:before {
  transform: scaleX(0);
}
.p_more:hover:after {
  transform: scaleX(1);
}
.sort ul{ margin-top:41px;}
.sort ul li{ width:227px; height:29px; border:solid 1px #78a9a6; line-height:31px; background:#78a9a6; font-size:15px; color:#ffffff; margin:0 0 13px 0; transition: all 0.3s ease 0s; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.sort ul li a{ display:block;}
.sort ul li:hover{ width:227px; height:29px; border-color:#78a9a6; background:none; color:#78a9a6;}


.about{ width:100%; height:544px; background:url(../images/about.jpg) no-repeat center top; clear:both; color:#FFFFFF;}
.a_left{ width:67%; padding:99px 0 0 0;}
.a_left h1{ font-size:54px; font-weight:normal; text-transform:uppercase; margin:0;}
.a_left h2{ font-size:30px; font-weight:600; color:#f7f7f7; margin:27px 0 36px 0;}
.a_intro{ font-size:15px; line-height:28px; color:#f7f7f7; margin-bottom:47px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:6;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.a_more{ font-size:15px; padding:11px 53px 11px 52px; border:solid 1px #ffffff; border-radius:25px;}
.a_more:hover{ border-color:#78a9a6; background:#78a9a6; color:#ffffff;}

.about ul{ border-left:solid 2px rgba(255, 255, 255, 0.3); border-right:solid 2px rgba(255, 255, 255, 0.3); padding:139px 49px 0 74px; height:405px;}
.about ul li{ font-size:35px; width:55px; line-height:41px;}


.news{ width:100%; background:#f7f7f7; padding:71px 0 45px 0; clear:both;}
.news h1{ font-size:30px; color:#515151; font-weight:600; text-align:center; margin:0 0 20px 0;}
.n_line{ width:74px; height:4px; background:#68a3a1; margin:0 auto;}
.news ul li{ width:48%; margin:26px 0 17px 0; position: relative; transition: all 500ms ease; padding:13px 0;}
.news ul li:before {
    position: absolute;
    bottom: -5px;
    right: 0;
    left: 0;
    width: 0;
    content: "";
    background-color: #78a9a6;
    height: 1px;
    transition: all 900ms ease;
}
.news ul li:hover:before {
    width: 100%;
}
.news ul li:hover {
    background-color: #78a9a6;
}
.news ul li:hover h2, .news ul li:hover h3, .news ul li:hover h4, .news ul li:hover p{ color:#FFFFFF;}
.n_left{ width:13.5%; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.n_left h2{ font-size:38px; color:#222222; transform: scale(1,1.3); letter-spacing:-3px; width:45px; margin: 9px auto 0 auto;}
.n_line1{ width:45px; height:1px; background:#dddddd; margin:14px auto 6px auto;}
.n_left h3{ font-size:14px; color:#202020; transform: scale(1,1.3); letter-spacing:-1px; font-weight:600; margin:0;}
.n_right{ width:81%; padding:0 2.5% 0 3%;}
.n_right h4{ font-size:18px; color:#515151; font-weight:600; margin:0 0 5px 0; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_right p{ font-size:14px; color:#686868;}


.foot1{ width:100%; background:#75a7a6; padding:61px 0 67px 0; clear:both; color:#FFFFFF;}
.foot1 h1{ font-size:25px; font-weight:normal; margin:0 0 34px 0;}
.foot1 ul li{ line-height:33px;}
.foot1 ul li a{ transition: all 500ms ease; position: relative;}
.foot1 ul li a:hover{ color:#FFFFFF; padding-left: 20px;}
.foot1 ul li a:before {
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    width: 12px;
    height: 4px;
    content: "";
    background: #629695;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 500ms ease;
}
.foot1 ul li a:hover:before {
    opacity: 1;
}

.f_1{ width:12.6%; margin-right:8%;}
.f_logo{ margin:0 0 17px 18px;}
.f_logo img{ transition: all 0.5s linear;}
.f_logo:hover img{ transform: rotateY(360deg);}
.wechat{ width:110px; height:32px; line-height:32px; background:url(../images/wechat.png) no-repeat left 12px center #629695; font-size:12.75px; padding-left:41px; position: relative;}
.wechat a:hover{ color:#FFFFFF;}
.wechat p{ opacity: 0; top: 120%; left:20px; position: absolute;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  visibility:hidden;
}
.wechat:hover p{ opacity: 1; top: 100%; visibility:visible;}

.f_2{ width:27.6%; padding:5px 7% 0 0; border-right:solid 2px rgba(168, 217, 216, 0.3);}
.f_intro{ font-size:15px; line-height:26px;}
.f_intro a{ transition: all 500ms ease; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 1px no-repeat; padding-bottom:5px;}
.f_intro a:hover{ color:#ffffff; background-size: 100% 1px;}

.f_3{ width:10%; padding:5px 5.2% 0 6.6%; border-right:solid 2px rgba(168, 217, 216, 0.3);}

.f_4{ width:10%; padding:5px 6.2% 0 6.3%; border-right:solid 2px rgba(168, 217, 216, 0.3);}


.foot2{ width:100%; background:#629695; padding:40px 0 35px 0; clear:both; font-size:15px; color:#f7f7f7;}
.foot2 a{ transition: all 500ms ease; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 1px no-repeat; padding-bottom:5px;}
.foot2 a:hover{ color:#f7f7f7; background-size: 100% 1px;}


.mobile_daohang{ display:none;}
.htmleaf-container_wap{ display:none;}
.tbottom{ display:none;}
.bottomNav{ display:none;}


/* 内页 */
.f_about{ width:100%; height:200px; background:url(../images/f_about.jpg) no-repeat center bottom; clear:both;}
.f_product{ width:100%; height:350px; background:url(../images/f_product.jpg) no-repeat center; clear:both;}
.f_develop{ width:100%; height:200px; background:url(../images/f_develop.jpg) no-repeat center; clear:both;}
.f_news{ width:100%; height:200px; background:url(../images/f_news.jpg) no-repeat center; clear:both;}
.f_contact{ width:100%; height:200px; background:url(../images/f_contact.jpg) no-repeat center; clear:both;}
.f_jobs{ width:100%; height:200px; background:url(../images/f_jobs.jpg) no-repeat center; clear:both;}
.f_sales{ width:100%; height:200px; background:url(../images/f_sales.jpg) no-repeat center; clear:both;}

.f_title{ font-size:36px; color:#FFFFFF; font-weight:bold; line-height:200px;}


.inside{ width:100%; float:left; padding:50px 0 70px 0; clear:both; line-height:30px;}

.in_left{ width:20%; float:left; padding:30px 3% 20px 3%; background-color: #f1f1f1;}
.in_left h2{
    font-size: 24px;
    color: #222;
    margin-bottom: 25px;
}
.in_left ul li{
    width: 100%;
    font-size: 18px;
	transition: all 0.3s ease 0s;
}
.in_left ul li a{ display:block; padding: 13px 0;}
.in_left ul li:hover{ border-bottom: 1px solid #78a9a6;}

.zz1{ border-bottom: 1px solid #78a9a6; color:#629695;}
.zz2{ border-bottom: 1px solid #d7d4d4; color: #222;}

.in_right{ width:69%; float:right;}
.in_right h3{
    margin-bottom: 50px;
    font-size: 32px;
    color: #629695;
	padding-top: 3px;
}


/*翻页*/
.contentPage { color: #629695; text-align:center; padding-top:15px; clear:both;}
.contentPage .zi { font-size:12px; font-weight:bold; float:none!important;}
.contentPage a { color: #629695; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #629695;}
.contentPage a:hover { color:#FFF; background-color:#78a9a6;}
.contentPage .current { font-size: 12px; margin:0px 3px; padding:4px 7px;}


/* 产品 */
.f_product p{ text-align:center; color:#fff; padding:100px 0 30px 0; font-weight:600; font-size:18px;}

.f_search{ width:80%; margin:0 auto; border: 5px solid rgba(120,169,166,0.5);}
.f_search input[type="text"]{
    padding-left:2%;
    font-size: 14px;
    line-height: 50px;
    color: #333;
	width:89%;
}
.f_search input[type="submit"]{
    float: right;
    width: 9%;
    height: 50px;
    background: #78a9a6 url(../images/in_search.png) no-repeat center;
    cursor: pointer;
	transition: all 0.3s ease 0s;
}
.f_search input[type="submit"]:hover{ background: #acaf3c url(../images/in_search.png) no-repeat center;}


.in_product{ width:100%; float:left; padding:0 0 70px 0; clear:both; line-height:30px;}

.pricing-tab{text-align:center; width:80%; margin:0 auto; clear:both;}
.pricing-tab h2{font-size: 24px; color:#629695; font-weight:normal; border-bottom: 1px solid #eee; padding:50px 0 20px 0; margin:0 0 20px 0; text-align:center; float:left; width:100%;}
.pricing-tab .nav{display:inline-flex;border-radius:20px;}
.pricing-tab .nav .nav-link{padding:10px 20px;transition:all .5s ease;border-radius:20px; background:#fff; font-size:16px; color:#666; margin:0 3px 0 3px; cursor:pointer;}
.pricing-tab .nav .nav-link.active{background:#acaf3c;color:#fff;}

.tab-content{ width:100%; float:left;}

.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}

.tab_more{ margin:20px 0 0 0; width:100%; float:left;}
.tab_more a{ float:right;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.tab_more a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);
}

.tab-pane ul{ clear:both;}
.tab-pane li {
    border: 1px solid #d7d7d7;
	width:23.5%;
	float:left;
	margin:10px 1.7% 10px 0;
	background-color: #f5f5f5;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.tab-pane li:nth-child(4n){ margin:10px 0 10px 0;}
.tab-pane li:hover{border-color:#cceceb;box-shadow:0 2px 16px rgba(204,236,235,1)}
.tab-pane li h3{background-color: #fff; color:#629695; font-size:18px; font-weight:normal; padding:0 10px; line-height: 80px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.tab-pane li h4{color:#222; font-size:14px; font-weight:normal; border-bottom: 1px solid #d7d7d7; margin:5px 10px; padding-bottom: 5px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:30px;}
.tab-pane li p{color:#666; font-size:14px; margin:5px 10px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

.location{ color:#666;}
.location span{ color:#629695;}

.p_detail h2{font-size: 22px;font-weight: 600; color:#777542;}
.p_detail h3{font-size: 16px;font-weight: normal;color: #629695; margin:10px 0 10px 0;}
.p_detail .cas{
    margin-bottom: 30px;
    font-size: 14px;
    color: #333;
    padding: 5px 15px;
    background-color: #eee;
}


/* 开发 */
.develop p{ border-bottom: 1px solid #dedede; margin-bottom: 20px; padding-bottom: 20px; line-height:34px;}
.develop p:last-child{ margin-bottom:0;}
.develop p strong{ font-size: 20px; color: #629695;}


/* 新闻 */
.n_search{
    border: 1px solid #cbc9c9;
    margin-bottom: 30px;
}
.n_search input[type="text"]{
    padding-left:2%;
    font-size: 18px;
    line-height: 50px;
    color: #666;
	width:calc(87% - 4px);
}
.n_search input[type="submit"]{
    float: right;
    width: 11%;
    height: 54px;
    background: #78a9a6 url(../images/in_search.png) no-repeat center;
    cursor: pointer;
	transition: all 0.3s ease 0s;
}
.n_search input[type="submit"]:hover{ background: #acaf3c url(../images/in_search.png) no-repeat center;}

.newslist ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
    width: 100%;
    font-size: 18px;
    color: #222;
}
.newslist ul li a{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.newslist ul li p {
    font-size: 14px;
    color: #999;
}

.n_detail h4{
    font-size: 28px;
    color: #222;
    padding: 0 0 40px 0;
	font-weight: normal;
	line-height:34px;
}

.in_page {
    border-top: 1px solid #e6e6e6;
    padding-top: 30px;
	margin-top:40px;
    line-height: 36px;
    color: #666;
	width:100%;
	float:left;
}
.in_page p{ width:77%; float:left;}
.in_page .back {
    float:right;
    width: 150px;
    border: 1px solid #ccc;
    border-radius: 20px;
    line-height: 45px;
    color: #333;
    text-align: center;
	margin-top:13px;
}
.in_page .back:hover{ color:#fff; border-color: #78a9a6; background:#78a9a6;}
.in_page .up, .in_page .down{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}


/* 联系 */
.in_contact h3 {
    font-size: 30px;
    color: #629695;
	margin:5px 0 15px 0;
}
.in_contact ul li {
    width: 31%;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    margin: 30px 0 0 0;
    color: #222;
}
.in_contact ul li h4 {
    padding-left: 8%;
    background-color: #efefef;
    font-size: 24px;
    line-height: 64px;
	font-weight:normal;
}
.in_contact ul li .c_detail {
    padding:20px 8%;
	line-height:36px;
}


/* 招聘 */
.jobslist ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
	width:100%;
	float:left;
}
.jobslist ul li:first-child{ padding-top:0;}
.jobslist ul li h4 {
    width: 80%;
    font-size: 18px;
    color: #222;
	font-weight:normal;
	float:left;
}
.jobslist ul li h4 a{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.jobslist ul li h4 p {
    font-size: 14px;
    color: #999;
}
.j_btn {
    position: relative;
    display: inline-block;
    padding: 5px 35px;
    background-color: #78a9a6;
	color:#fff;
    border-radius: 5px;
	float:right;
	margin:6px 5px 0 0;
}
.j_btn:after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0.3125pc;
    position: absolute;
    top: 0.3125pc;
    z-index: -1;
    background-color: rgba(120,169,166,0.2);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
}
.j_btn:hover:after {
    left: 0;
    top: 0;
}
.j_btn:hover{ color:#fff;}


@media all and (max-width:640px){
.head{ display:none;}
.mobile_daohang{ display:block;}
.htmleaf-container_pc{ display:none;}
.htmleaf-container_wap{ display:block;}


/* 首页 */
.wrap{ width:90%; margin:0 auto;}

.product{ width:100%; padding:40px 0 47px 0; clear:both; float:left;}
.product h1{
  position: relative;
  color: #373737;
  font-size: 22px;
  text-align:center;
  font-weight:normal;
  margin:0;
}
.product h1:before, .product h1:after {
  display: inline-block;
  content: "";
  width: 54px;
  height: 1px;
  vertical-align: middle;
  background-color: #323232;
}
.product h1:before { margin-right: 29px;}
.product h1:after { margin-left: 29px;}

.sort{ width:94%; height:auto; border:solid 1px #dfdfdf; padding:26px 3% 20px 3%; text-align:center; float:left; margin:40px 0 0 0; transition: all 0.3s ease 0s;}
.p_pic img{ transition: all 0.5s linear; height:100px;}
.sort h2{ font-size:18px; color:#000000; font-weight:normal; margin:18px 0 13px 0;}
.p_more{ font-size:14px; color:#666666; padding:0 37px 6px 37px; position: relative;}
.sort ul{ margin-top:31px;}
.sort ul li{ width:90%; height:29px; border:solid 1px #78a9a6; line-height:31px; background:#78a9a6; font-size:15px; color:#ffffff; margin:0 auto 13px auto; transition: all 0.3s ease 0s; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.sort ul li a{ display:block;}


.about{ width:100%; height:544px; background:url(../images/about.jpg) no-repeat center top; clear:both; color:#FFFFFF;}
.a_left{ width:100%; padding:64px 0 0 0;}
.a_left h1{ font-size:36px; font-weight:normal; text-transform:uppercase; margin:0;}
.a_left h2{ font-size:22px; font-weight:600; color:#f7f7f7; margin:14px 0 30px 0;}
.a_intro{ font-size:15px; line-height:28px; color:#f7f7f7; margin-bottom:47px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:9;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.a_more{ font-size:15px; padding:11px 53px 11px 52px; border:solid 1px #ffffff; border-radius:25px;}

.about ul{ display:none;}


.news{ width:100%; background:#f7f7f7; padding:46px 0 45px 0; clear:both;}
.news h1{ font-size:22px; color:#000000; font-weight:600; text-align:center; margin:0 0 15px 0;}
.n_line{ width:74px; height:4px; background:#68a3a1; margin:0 auto;}
.news ul li{ width:100%; margin:26px 0 0 0; position: relative; transition: all 500ms ease; padding:5px 0;}
.n_left{ width:13.5%; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.n_left h2{ font-size:34px; color:#222222; transform: scale(1,1.3); letter-spacing:-3px; width:45px; margin: 8px auto 0 auto;}
.n_line1{ width:45px; height:1px; background:#dddddd; margin:14px auto 6px auto;}
.n_left h3{ font-size:14px; color:#202020; transform: scale(1,1.3); letter-spacing:-1px; font-weight:600; margin:0;}
.n_right{ width:81%; padding:0 0 0 3%;}
.n_right h4{ font-size:16px; color:#000000; font-weight:600; margin:0; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_right p{ font-size:14px; color:#686868; line-height:17px;}


.foot1{ width:100%; background:#75a7a6; padding:35px 0 40px 0; clear:both; color:#FFFFFF;}
.foot1 h1{ font-size:20px; font-weight:normal; margin:0 0 20px 0;}

.f_1{ display:none;}

.f_2{ width:100%; padding:5px 0 0 0; border-right:none;}
.f_intro{ font-size:15px; line-height:26px;}

.f_3{ display:none;}

.f_4{ display:none;}


.foot2{ width:100%; background:#629695; padding:30px 0 30px 0; clear:both; font-size:15px; color:#f7f7f7;}


/* 内页 */
.f_about{ width:100%; height:120px; background:url(../images/f_about.jpg) no-repeat center bottom; clear:both; background-size:240%;}
.f_product{ width:100%; height:170px; background:url(../images/f_product.jpg) no-repeat center; clear:both; background-size:200%;}
.f_develop{ width:100%; height:120px; background:url(../images/f_develop.jpg) no-repeat center; clear:both; background-size:240%;}
.f_news{ width:100%; height:120px; background:url(../images/f_news.jpg) no-repeat center; clear:both; background-size:240%;}
.f_contact{ width:100%; height:120px; background:url(../images/f_contact.jpg) no-repeat center; clear:both; background-size:240%;}
.f_jobs{ width:100%; height:120px; background:url(../images/f_jobs.jpg) no-repeat center; clear:both; background-size:240%;}
.f_sales{ width:100%; height:120px; background:url(../images/f_sales.jpg) no-repeat center; clear:both; background-size:240%;}

.f_title{ font-size:24px; color:#FFFFFF; font-weight:bold; line-height:120px;}


.inside{ width:100%; float:left; padding:40px 0 50px 0; clear:both; line-height:30px;}

.in_left{ display:none;}

.in_right{ width:100%; float:right;}
.in_right h3{
    margin-bottom: 20px;
    font-size: 20px;
    color: #629695;
	padding-top: 0;
}


/* 产品 */
.f_product p{ text-align:center; color:#fff; padding:38px 0 10px 0; font-weight:600; font-size:16px;}

.f_search{ width:90%; margin:0 auto; border: 3px solid rgba(120,169,166,0.5);}
.f_search input[type="text"]{
    padding-left:5%;
    font-size: 13px;
    line-height: 40px;
    color: #333;
	width:75%;
	border-radius:0;
}
.f_search input[type="submit"]{
    float: right;
    width: 20%;
    height: 40px;
    background: #78a9a6 url(../images/in_search.png) no-repeat center;
    cursor: pointer;
	transition: all 0.3s ease 0s;
	border-radius:0;
}
.f_search input[type="submit"]:hover{ background: #acaf3c url(../images/in_search.png) no-repeat center;}


.in_product{ width:100%; float:left; padding:0 0 50px 0; clear:both; line-height:30px;}

.pricing-tab{text-align:center; width:100%; margin:0 auto; clear:both;}
.pricing-tab h2{font-size: 20px; color:#629695; font-weight:normal; border-bottom: 1px solid #eee; padding:50px 0 8px 0; margin:0 0 12px 0; text-align:center; float:left; width:100%;}
.pricing-tab .nav{display:inline-flex;border-radius:20px;}
.pricing-tab .nav .nav-link{padding:5px 10px;transition:all .5s ease;border-radius:20px; background:#fff; font-size:15px; color:#666; margin:0 3px 0 3px; cursor:pointer;}
.pricing-tab .nav .nav-link.active{background:#acaf3c;color:#fff;}

.tab-content{ width:100%; float:left;}

.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}

.tab_more{ margin:20px 0 0 0; font-size:15px;}

.tab-pane li {
    border: 1px solid #d7d7d7;
	width:46.5%;
	float:left;
	margin:10px 0 10px 0;
	background-color: #f5f5f5;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.tab-pane li:nth-child(2n){ float:right;}
.tab-pane li:hover{border-color:#cceceb;box-shadow:0 2px 16px rgba(204,236,235,1)}
.tab-pane li h3{background-color: #fff; color:#629695; font-size:16px; font-weight:normal; padding:0 10px; line-height: 60px; height:60px;}
.tab-pane li h4{color:#222; font-size:14px; font-weight:normal; border-bottom: 1px solid #d7d7d7; margin:0 10px; padding-bottom: 0; height:30px;}
.tab-pane li p{color:#666; font-size:14px; margin:0 10px; height:30px;}

.location{ font-size:15px; color:#666;}
.location span{ color:#629695;}

.p_detail h2{font-size: 20px;font-weight: 600; color:#777542;}
.p_detail h3{font-size: 16px;font-weight: normal;color: #629695; margin:7px 0 10px 0;}
.p_detail .cas{
    margin-bottom: 30px;
    font-size: 14px;
    color: #333;
    padding: 5px 15px;
    background-color: #eee;
}

table { width:100%!important;max-width:100%!important;}
table td{table-layout:fixed; word-break: break-all; overflow:hidden; font-size:14px;}


/* 开发 */
.develop p{ border-bottom: 1px solid #dedede; margin-bottom: 15px; padding-bottom: 15px; line-height:34px;}
.develop p strong{ font-size: 17px; color: #629695;}


/* 新闻 */
.n_search{
    border: 1px solid #cbc9c9;
    margin-bottom: 15px;
}
.n_search input[type="text"]{
    padding-left:5%;
    font-size: 14px;
    line-height: 45px;
    color: #666;
	width:70%;
}
.n_search input[type="submit"]{
    float: right;
    width: 25%;
    height: 45px;
    background: #78a9a6 url(../images/in_search.png) no-repeat center;
    cursor: pointer;
	border-radius:0;
}

.newslist ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
    width: 100%;
    font-size: 16px;
    color: #222;
}
.newslist ul li p {
    font-size: 14px;
    color: #999;
}

.n_detail h4{
    font-size: 20px;
    color: #222;
    padding: 0 0 30px 0;
	font-weight: normal;
	line-height:28px;
}

.in_page {
    border-top: 1px solid #e6e6e6;
    padding-top: 25px;
	margin-top:35px;
    line-height: 36px;
    color: #666;
	width:100%;
	float:left;
}
.in_page p{ width:100%; float:left;}
.in_page .back {
    float:right;
    width: 33%;
    border: 1px solid #ccc;
    border-radius: 20px;
    line-height: 40px;
    color: #333;
    text-align: center;
	margin-top:25px;
	margin-right:33%;
}


/* 联系 */
.in_contact h3 {
    font-size: 20px;
    color: #629695;
	margin:0;
}
.in_contact ul li {
    width: 100%;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    margin: 30px 0 0 0;
    color: #222;
}
.in_contact ul li h4 {
    padding-left: 8%;
    background-color: #efefef;
    font-size: 18px;
    line-height: 54px;
	font-weight:bold;
}
.in_contact ul li .c_detail {
    padding:20px 8%;
	line-height:36px;
}


/* 招聘 */
.jobslist ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
	width:100%;
	float:left;
}
.jobslist ul li:first-child{ padding-top:0;}
.jobslist ul li h4 {
    width: 65%;
    font-size: 16px;
    color: #222;
	font-weight:normal;
	float:left;
}
.jobslist ul li h4 p {
    font-size: 14px;
    color: #999;
}
.j_btn {
    position: relative;
    display: inline-block;
    padding: 0;
    background-color: #78a9a6;
	color:#fff;
    border-radius: 5px;
	float:right;
	margin:15px 3px 10px 0;
	font-size:14px;
	width:30%;
	text-align:center;
}
.j_btn:after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0.2125pc;
    position: absolute;
    top: 0.2125pc;
    z-index: -1;
    background-color: rgba(120,169,166,0.2);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
}

}

/*人才招聘——建立递交*/
.toudi{ margin-top:20px;background:#75a7a6; height:50px; width:150px; text-align:center; line-height:50px; border-radius:5px;}
.toudi a{ color:#fff; font-size:22px; font-weight:bold}
.tijiao{ border:0px; width:140px; font-size:17px; margin:0 auto;background:#75a7a6; height:40px; line-height:40px; color:#fff; text-align:center}
@media all and (max-width:640px){.juli{ width:auto!important}}
.juli{ width:15%;}
.yanzhegnma{ border:1px solid #d8d8d8; height:35px; width:100%; line-height:35px; padding-left:15px;}
.kuang{ border:1px solid #d8d8d8; height:35px; width:50%; line-height:35px; padding-left:15px;}
.kuang3{ border:1px solid #d8d8d8; height:35px; width:50%; line-height:35px; padding-left:15px; min-height:100px;}